<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title>Welcome</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
    <link rel="stylesheet" href="../static/css/normalize.css">
    <link rel="icon" type="image/ico" sizes="144x144" href="../static/images/favicon.ico"/>
    <link rel="stylesheet" href="../static/css/welcomeStyle.css" media="screen" type="text/css"/>
    <!--点击樱花-->
    <script src="https://cdn.jsdelivr.net/gh/Sanarous/files@1.151/js/click.min.js"></script>
    <style>
        input::-webkit-input-placeholder {
            /* placeholder颜色  */
            color: #FFB6C1;
            /* placeholder字体大小  */
            font-size: 15px;
            opacity: 0.5 !important;

        }

        body {
            cursor: url(../static/images/cursor.png), auto;
        }
    </style>
</head>

<body>

<audio src="../static/mp3/FlowerDance.mp3" autoplay loop>
</audio>
<div style="text-align:center;clear:both;position:absolute;width: 100%;height: 100%">
    <script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
    <script src="/follow.js" type="text/javascript"></script>
</div>
<canvas class="canvas"></canvas>

<div class="help">?</div>
<a href="/main" target="_self" class="ui orange button"
   style="  position: absolute;left: 50%; bottom: 15%;width: 300px;  margin-left: -150px;opacity:0.7;">
    进入网站
</a>


<div class="ui">
    <input class="ui-input" type="text" placeholder=""/>
    <span class="ui-return">↵</span>
</div>


<div class="overlay">
    <div class="tabs">
        <div class="tabs-labels"><span class="tabs-label">指令</span><span class="tabs-label">博猪寄语</span></div>

        <div class="tabs-panels">
            <ul class="tabs-panel commands">
                <li class="commands-item"><span class="commands-item-title">文本</span><span class="commands-item-info"
                                                                                           data-demo="Hello :)">Type anything</span><span
                        class="commands-item-action">Demo</span></li>
                <li class="commands-item"><span class="commands-item-title">倒计时</span><span class="commands-item-info"
                                                                                            data-demo="#countdown 10">#countdown<span
                        class="commands-item-mode">number</span></span><span class="commands-item-action">Demo</span>
                </li>
                <li class="commands-item"><span class="commands-item-title">时间</span><span class="commands-item-info"
                                                                                           data-demo="#time">#time</span><span
                        class="commands-item-action">Demo</span></li>
                <li class="commands-item"><span class="commands-item-title">矩形</span><span class="commands-item-info"
                                                                                           data-demo="#rectangle 30x15">#rectangle<span
                        class="commands-item-mode">width x height</span></span><span
                        class="commands-item-action">Demo</span></li>
                <li class="commands-item"><span class="commands-item-title">圆圈</span><span class="commands-item-info"
                                                                                           data-demo="#circle 25">#circle<span
                        class="commands-item-mode">diameter</span></span><span class="commands-item-action">Demo</span>
                </li>

                <li class="commands-item commands-item--gap"><span class="commands-item-title">动画</span><span
                        class="commands-item-info" data-demo="The time is|#time|#countdown 3|#icon thumbs-up"><span
                        class="commands-item-mode">command1</span>&nbsp;|<span
                        class="commands-item-mode">command2</span></span><span class="commands-item-action">Demo</span>
                </li>
            </ul>

            <div class="tabs-panel ui-details">
                <div class="ui-details-content">
                    <p style="color: pink;font-weight: bold">你遇到的每个人都是别人想见又见不到的人，</p>
                    <p style="color: pink;font-weight: bold">请珍惜每一刻相处的时光，</p>
                    <p style="color: pink;font-weight: bold">因为我们不知道哪一次再见，</p>
                    <p style="color: pink;font-weight: bold">会变成再也不见。</p>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../static/js/welcome.js"></script>

</body>

</html>
